<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>统计分析</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/static.css">

</head>

<body>
    <main class="main">
        <!--头部-->
        <header class="heared">
            <span class="head-logo">新能源智能环境管理系统</span>
            <ul class="head-ul">
                <li><a href="home.html">首页</a> </li>
                <li><a href="videlctr.html">视频监控</a> </li>
                <li><a href="https://dingkeke.cn/hgr/index.html" target="_blank">环境监测</a> </li>
                <li><a href="static.html" class="active-a">统计分析</a> </li>
                <li><a href="form.html">表单信息</a> </li>
                <li><a href="user.html">用户管理</a></li>
                <li><a href="part.html">部门管理</a></li>
                <li><a href="date.html">日程管理</a></li>

            </ul>
            <div class="head-right"><span id="time"></span><span>管理员：王安邦</span></div>
        </header>
        <!--身体-->
        <section class="section">

            <div class="news_check">
                <div class="check_left l_left">
                    <label>统计类型：</label>
                    <select class="find_input" style="margin-right: 10px">
                        <option>种子存储基地</option>
                    </select>
                    <label>时间段：</label>
                    <input type="date">
                    <input type="date">
                    <button>查询</button>
                </div>
                <div class="check_right r_right">
                    <a class="btn btn-default"><span class=" glyphicon glyphicon-circle-arrow-down l_left"></span>打印</a>
                    <a class="btn btn-default"><span class=" glyphicon glyphicon-download-alt l_left"></span>导出</a>
                </div>
                <div class="clear"></div>
            </div>

            <div style="padding: 0 10px 0 10px ;border: 1px #ccc solid;background-color: #fff;">
                <div class="e_chart">
                    <div class="charts l_left last_charts" style="width: 100%">
                        <p class="charts_p" style="text-align: center">种子存储汇总信息</p>
                        <div>
                            <table class="annyTable01" border="1">
                                <tr>
                                    <td style="font-weight: bold;text-align: right">种子类型：</td>
                                    <td colspan="9">马铃薯、小麦、水稻、红皮花生、大豆、蛇果、高粱</td>
                                </tr>
                                <tr>
                                    <td style="font-weight: bold;text-align: right;width: 10%">种子总数：</td>
                                    <td colspan="3" style="color: red;font-weight: bold">63524千克</td>
                                    <td style="font-weight: bold;text-align: right;width: 10%">最多种子类型：</td>
                                    <td colspan="3">小麦种子（9654千克，占比38.27%；同比增加4%；环比增加5%）</td>
                                    <td style="font-weight: bold;text-align: right;width: 10%">最少种子类型：</td>
                                    <td colspan="3">蛇果科植物种子（654千克，占比2.78%；同比减少2%；环比减少3%）</td>
                                </tr>

                                <tr>
                                    <td style="font-weight: bold;text-align: right;width: 10%">仓库总数：</td>
                                    <td colspan="3" style="color: red;font-weight: bold">4</td>
                                    <td style="font-weight: bold;text-align: right;width: 10%">环境要求最高种子类型：</td>
                                    <td colspan="3">红皮花生（65447吨，占比40%；同比增加4%；环比增加5%）</td>
                                    <td style="font-weight: bold;text-align: right;width: 10%">存储最多月份：</td>
                                    <td colspan="3">9月（36%，占比6%；同比减少2%；环比减少3%）</td>
                                </tr>

                                <tr>
                                    <td style="font-weight: bold;text-align: right">种子存储数：</td>
                                    <td colspan="9">实际存储数多于计划里程数；同比增长8%；环比增加9.6%</td>
                                </tr>
                                <tr>
                                    <td style="font-weight: bold;text-align: right">决策建议：</td>
                                    <td colspan="9" style="color: red;font-weight: bold">
                                        总体说来种子存储需求量在不断的增加，需要对易变质种子监控、管理更加严格；避免事故发生。</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="e_chart">
                    <div class="charts l_left">
                        <p class="charts_p">种子类型分析<span class="r_right">更多></span></p>
                        <div id="container" style="height:200px;width: 100%"></div>
                        <div style="width: 100%;margin-top: 30px">
                            <table class="annyTable" border="1">
                                <tr>
                                    <td class="first_td">车辆类型</td>
                                    <td>小麦</td>
                                    <td>水稻</td>
                                    <td>马铃薯</td>
                                    <td>红皮花生</td>
                                    <td>大豆</td>
                                    <td>蛇果</td>
                                    <td>高粱</td>
                                    <td>其它</td>
                                </tr>
                                <tr>

                                </tr>
                                <tr>
                                    <td class="first_td">占比</td>
                                    <td>38.27%</td>
                                    <td>26.54%</td>
                                    <td>12.4%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>12.04%</td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <div class="charts l_left last_charts">
                        <p class="charts_p">存储季节分析<span class="r_right">更多></span></p>
                        <div id="container1" style="height:200px;width: 100%"></div>
                        <div style="width: 100%;margin-top: 30px">
                            <table class="annyTable" border="1">
                                <tr>
                                    <td class="first_td">年龄段</td>
                                    <td>冬季</td>
                                    <td>秋季</td>
                                    <td>夏季</td>
                                    <td>春季</td>
                                </tr>
                                <tr>

                                </tr>
                                <tr>
                                    <td class="first_td">占比</td>
                                    <td>54.93%</td>
                                    <td>12.68%</td>
                                    <td>12.68%</td>
                                    <td>19.72%</td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>

                <div class="e_chart">
                    <div class="charts l_left">
                        <p class="charts_p">各类种子环境分析<span class="r_right">更多></span></p>
                        <div id="container4" style="height:250px;width: 100%;"></div>
                        <div style="width: 100%;margin-top: 0px">
                            <table class="annyTable" border="1">
                                <tr>
                                    <td class="first_td">物品类型</td>
                                    <td>爆炸物品</td>
                                    <td>小麦</td>
                                    <td>水稻</td>
                                    <td>马铃薯</td>
                                    <td>红皮花生</td>
                                    <td>大豆</td>
                                    <td>蛇果</td>
                                    <td>高粱</td>
                                </tr>

                                <tr>
                                    <td class="first_td">同比</td>
                                    <td>38.27%</td>
                                    <td>26.54%</td>
                                    <td>12.4%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>2.78%</td>
                                    <td>12.04%</td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <div class="charts l_left last_charts">
                        <p class="charts_p">各类种子环境要求走势图<span class="r_right">更多></span></p>
                        <div id="container5" style="height:250px;width: 100%;"></div>
                        <table class="annyTable" border="1">
                            <tr>
                                <td class="first_td">月份</td>
                                <td>一月</td>
                                <td>二月</td>
                                <td>三月</td>
                                <td>四月</td>
                                <td>五月</td>
                                <td>六月</td>
                                <td>七月</td>
                                <td>八月</td>
                                <td>九月</td>
                                <td>十月</td>
                                <td>十一月</td>
                                <td>十二月</td>
                            </tr>
                            <tr>
                                <td class="first_td">环境数据</td>
                                <td>1502</td>
                                <td>2564</td>
                                <td>2541</td>
                                <td>3568</td>
                                <td>4852</td>
                                <td>2451</td>
                                <td>251</td>
                                <td>1456</td>
                                <td>4852</td>
                                <td>2451</td>
                                <td>251</td>
                                <td>1456</td>
                            </tr>
                            <tr>
                                <td class="first_td">同比</td>
                                <td>85.2%</td>
                                <td>75.2%</td>
                                <td>65.2%</td>
                                <td>95.2%</td>
                                <td>55.2%</td>
                                <td>95.2%</td>
                                <td>75.2%</td>
                                <td>65.2%</td>
                                <td>55.2%</td>
                                <td>95.2%</td>
                                <td>75.2%</td>
                                <td>65.2%</td>
                            </tr>

                        </table>

                    </div>
                    <div class="clear"></div>
                </div>

        </section>

    </main>
    <script src="js/jquery.js"></script>
    <script src="js/echarts-all.js"></script>
    <script src="js/car_analysis.js"></script>
    <script>
        $(function () {
            $(".head-ul li a").click(function () {
                $(this).addClass("active-a").parents("li").siblings().find("a").removeClass("active-a");
                $(this).parents('li').find("ul").show();
                $(this).parents("li").sibling().find("ul").hide();

            })
            getTime();
        })
        //    格式化时间
        function getTime() {
            var day = new Date();
            var year = day.getFullYear();
            var moutth = day.getMonth() + 1;
            var date = day.getDate();
            var hour = day.getHours();
            var min = day.getMinutes();
            var sec = day.getSeconds();
            var str = year + '-' + moutth + '-' + date + ' ' + hour + ":" + min + ':' + sec;
            $("#time").text(str);
        }
    </script>
</body>

</html>